<template>
	<!-- 品质门店 -->
	<view class="s_wp">
		<view class="s_title">
			<text>品质门店</text>
			<!-- <text class="yticon icon-you"></text> -->
		</view>
		<view class="s_list">
			<view class="s_item">
				<image src="/static/banner.png" ></image>
				<view class="s_l_title">防溺水副</view>
				<view class="s_l_text">经营范围：就说就说就说就说就说就说</view>
			</view>
			<view class="s_item">
				<image src="/static/banner.png" ></image>
				<view class="s_l_title">防溺水副书记能否接受南方就是能否接受南方救死扶伤你姐夫你说就</view>
				<view class="s_l_text">经营范围：就说就说就说就说就说就说</view>
			</view>
			<view class="s_item">
				<image src="/static/banner.png" ></image>
				<view class="s_l_title">防溺水副书记能否接受南方就是能否接受南方救死扶伤你姐夫你说就</view>
				<view class="s_l_text">经营范围：就说就说就说就说就说就说</view>
			</view>
		</view>
	</view>
</template>

<script>
</script>

<style lang="scss">
	page{
		color: $font-color-dark;
	}
	.s_wp{
		background-color: #fff;
		padding: 0 20upx;
	}
	.s_title{
		background: $base-color;
		border-radius: 10upx;
		color: #fff;
		font-weight: bold;
		line-height: 60upx;
		text-align: center;
		padding: 0 20upx;
	}
	.s_list{
		display: flex;
		align-items: center;
		flex-wrap: wrap;
	}
	.s_item{
		width: 50%;
		padding-top: 20upx;
		text-align: center;
	}
	.s_item:nth-of-type(2n+1){
		padding-right: 8upx;
	}
	.s_item:nth-of-type(2n+2){
		padding-left: 8upx;
	}
	.s_item image{
		border-radius: 10upx;
		width: 346upx;
		height: 346upx;
	}
	.s_l_title,.s_l_text{
		font-weight: bold;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		height: 40upx;
		line-height: 40upx;
		text-align: left;
	}
	.s_l_text{
		color: $font-color-light;
		font-size: 22upx;
		font-weight: normal;
	}
</style>
